<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账号设置</title>
		<link rel="Shortcut Icon" href="../images/favicon.ico" />
    <link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="../iconfont/iconfont.css" rel="stylesheet" />
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/cross.css" rel="stylesheet">
    <link href="../css/change.css" rel="stylesheet">
</head>

<body class="gray-bg">
	<!-- 头部 -->
	<div class="row">
		<div class="header clearfix">
			<img src="../images/logos.png" class="head-logo">
			<!-- <a href="javascript:;" class="navbar-minimalize meau-slide" title="收起"><i class="iconfont icon-shouqi"></i></a> -->
			<div class="header-r clearfix">
				<!-- <a href="javascript:;" class="header-skin">更换主题</a> -->
				<a href="javascript:;" class="header-link">
					<i class="iconfont icon-xiaoxi"></i>
					<i class="header-num">6</i>
				</a>
				<div class="head-memb">
					<div class="head-memb-i"><img src="../images/doc-logo.png" class="head-img" />福建医科大学附属第一医院<i class="iconfont icon-xiangxia"></i></div>
					<div class="head-doc-info c-hide">
						<div class="hos-info clearfix">
							<img class="doc-info-logo" src="../images/doc-logo.png" >
							<div class="">
								<p class="index-hos-tit">福建医科大学附属第一医院</p>
								<p class="index-admin">陈芬芬<i>（管理员）</i></p>
								<p>137 9999 5886</p>
							</div>
						</div>
						<div class="index-hos-btn clearfix">
							<a href="account.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
							<a href="login.html"><i class="iconfont icon-tuichu"></i>退出登录</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="account-con p-xl">
		<h1 class="account-tit">福建医科大学附属第一医院</h1>
		<div class="account-row">
			<p class="mt-45">
				<span>头像</span>
				<span class="c-909399">仅支持 JPG、PNG 格式，文件大小 1M (方形图)</span>
			</p>
			<div class="photo-up">
				<img src="../images/doc-logo.png">
				<span>
					<i class="iconfont icon-shangchuantouxiang"></i>
					<p>上传新图片</p>
				</span>
			</div>
			<p class="account-input mt-20 clearfix">
				<span>姓名</span>
				<span class="dis-tel">
					陈芬芬 
				</span>
			</p>
			<p class="account-input mt-20 clearfix">
				<span>账号 / 手机号</span>
				<span class="dis-tel">
					13799995886 
				</span>
			</p>
			<div class="account-input mt-20 clearfix">
				<span>关联机构</span>
				<ul class="org-list clearfix">
					<li>福建医科大学附属第一医院</li>
					<li>福建医科大学附属协和医院</li>
					<li>福建省人民医院</li>
				</ul>
			</div>
			<p class="account-input mt-20 clearfix">
				<span>修改密码</span>
				<span class="login-tel">
					<input type="text" placeholder="请输入新密码"/>
				</span>
			</p>
			<p class="account-input mt-20 clearfix">
				<span>确认密码</span>
				<span class="login-tel">
					<input type="text" placeholder="请再输入一次新密码"/>
				</span>
			</p>
		</div>
		<div class="account-btn">
			<a href="javascript:;" class="btn-bg-blue m-r-md">提交</a>
			<a href="javascript:;" class="btn-bg-gray">取消</a>
		</div>
	</div>
	
	<!-- 消息通知 -->
	<div class="mask c-hide" id="msg">
		<div class="msg-mask">
			<h5>消息通知<i class="iconfont icon-guanbi" id="close_msg"></i></h5>
			<ul class="msg-ul">
				<li class="clearfix">
					<a class="J_menuItem" href="质控评级-管理端.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一份福建省高血压病质控中心质控评价待填写</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
				<li class="clearfix">
					<a class="J_menuItem" href="质控填写.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一家新机构 / 医院待审核</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
				<li class="clearfix">
					<a class="J_menuItem" href="质控填写.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一份福建省高血压病质控中心质控评价待填写</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
				<li class="clearfix">
					<a class="J_menuItem" href="质控填写.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一份福建省高血压病质控中心质控评价待审核</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
				<li class="clearfix">
					<a class="J_menuItem" href="质控填写.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一份福建省高血压病质控中心质控评价待填写</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
				<li class="clearfix">
					<a class="J_menuItem" href="质控填写.html">
						<i class="round-red"></i>
						<img src="../images/msg-icon.png" class="fl">
						<div class="msg-p fl">
							<p>您有一份福建省高血压病质控中心质控评价待填写</p>
							<p class="msg-date">今天 11:34</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</body>

<!-- 全局js -->
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/bootstrap.min.js?v=3.3.7"></script>
	
<script type="text/javascript">
	$(function(){
		
		// 需要判断哪个哪一个用户端跳过来的
		$('.head-logo').on('click', function() {
			window.location.href = 'index-管理端.html'
		})
		$('#side-menu>li a').on('click', function() {
			$(this).parent().addClass('active').siblings().removeClass('active')
		});
		
		$('.head-memb,.head-doc-info').on('mouseover',function() {
			$('.head-doc-info').removeClass('c-hide')
		})
		$('.head-memb,.head-doc-info').on('mouseout',function() {
			$('.head-doc-info').addClass('c-hide')
		})
		
		
		$('.header-link').on('click',function(){
			$('#msg').removeClass('c-hide')
		})
		$('.msg-ul li a').on('click', function() {
			$('#msg').addClass('c-hide')
		})
		
		$('#close_msg').on('click', function() {
			$('#msg').addClass('c-hide')
		})
	})
	
</script>
</html>
